<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="author" content="ghblog">
    <title>聚宝盆丨jnyou</title>
    <meta name="keywords" content="https://yangchaoyi.vip,百宝箱,在线工具箱,素材资源网站,网站导航">
    <meta name="description" content="WebStack - 收集国内外优秀资源网站，https://yangchaoyi.vip">
    <link rel="icon" type="image/png" href="/img/favicon.ico">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
    <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/css/fonts/linecons/css/linecons.css">
    <link rel="stylesheet"
        href="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/css/fonts/fontsawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/css/bootstrap.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/css/xenon-core.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/css/xenon-components.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/css/xenon-skins.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/css/nav.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/css/search.css">
    <script src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/js/jquery-1.11.1.min.js"></script>
    <!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
    <style>
        footer.main-footer .go-up {
            width: 45px;
            float: right;
            position: fixed;
            right: -10px;
            bottom: 30px;
            z-index: 10;
            margin: 0;
            padding: 0;
            list-style: none
        }

        footer.main-footer .go-up a {
            display: inline-block;
            width: 35px;
            height: 35px;
            text-align: center;
            border-radius: 50%;
            background: rgba(123, 123, 123, .5);
            color: #fff;
            font-size: 20px;
            line-height: 35px;
            padding: 0
        }
    </style>
</head>

<body class="page-body">
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed">
            <div class="sidebar-menu-inner">
                <header class="logo-env">
                    <div class="logo"><a href="/box/" class="logo-expanded"><img
                                src="https://cdn.jsdelivr.net/gh/jnyou/blog.chart.bed@latest/images/%E5%8D%97%E5%AE%A2%E5%85%88%E7%94%9F.jpg"
                                width="100%" alt=""></a><a href="/box/" class="logo-collapsed"><img
                                src="/img/favicon.ico"
                                width="40" alt=""></a></div>
                    <div class="mobile-menu-toggle visible-xs"><a href="#" data-toggle="user-info-menu"><i
                                class="linecons-cog"></i></a><a href="#" data-toggle="mobile-menu"><i
                                class="fa-bars"></i></a></div>
                </header>
                <ul id="main-menu" class="main-menu">
                    <li><a href="#开发社区" class="smooth"><i class="linecons-pencil"></i> <span
                                class="title">开发社区</span></a></li>
                    <li><a href="#代码托管" class="smooth"><i class="linecons-database"></i> <span
                                class="title">代码托管</span></a></li>
                    <li><a href="#语言文档" class="smooth"><i class="linecons-doc"></i> <span class="title">语言文档</span></a>
                    </li>
                    <li><a><i class="linecons-lightbulb"></i> <span class="title">技能训练</span></a>
                        <ul>
                            <li><a href="#在线平台" class="smooth"><span class="title">在线平台</span></a></li>
                            <li><a href="#高校平台" class="smooth"><span class="title">高校平台</span></a></li>
                            <li><a href="#游戏编程" class="smooth"><span class="title">游戏编程</span> <span
                                        class="label label-pink pull-right hidden-collapsed">HOT</span></a></li>
                        </ul>
                    </li>
                    <li><a><i class="linecons-thumbs-up"></i> <span class="title">Pythoner</span></a>
                        <ul>
                            <li><a href="#文档资料" class="smooth"><span class="title">文档资料</span></a></li>
                            <li><a href="#博客收藏" class="smooth"><span class="title">博客收藏</span></a></li>
                            <li><a href="#学习资源" class="smooth"><span class="title">学习资源</span></a></li>
                            <li><a href="#组织社区" class="smooth"><span class="title">组织社区</span></a></li>
                            <li><a href="#爬虫相关" class="smooth"><span class="title">爬虫相关</span> <span
                                        class="label label-pink pull-right hidden-collapsed">HOT</span></a></li>
                        </ul>
                    </li>
                    <li><a><i class="linecons-desktop"></i> <span class="title">学习教程</span></a>
                        <ul>
                            <li><a href="#在线视频" class="smooth"><span class="title">在线视频</span></a></li>
                            <li><a href="#博客论坛" class="smooth"><span class="title">博客论坛</span></a></li>
                            <li><a href="#学习平台" class="smooth"><span class="title">学习平台</span></a></li>
                        </ul>
                    </li>
                    <li><a><i class="linecons-search"></i> <span class="title">常用工具</span></a>
                        <ul>
                            <li><a href="#站长工具" class="smooth"><span class="title">站长工具</span> <span
                                        class="label label-pink pull-right hidden-collapsed">HOT</span></a></li>
                            <li><a href="#IT工具箱" class="smooth"><span class="title">IT工具箱</span></a></li>
                            <li><a href="#文件处理" class="smooth"><span class="title">文件处理</span> <span
                                        class="label label-pink pull-right hidden-collapsed">HOT</span></a></li>
                            <li><a href="#设计素材" class="smooth"><span class="title">设计素材</span></a></li>
                            <li><a href="#效率软件" class="smooth"><span class="title">效率软件</span> <span
                                        class="label label-pink pull-right hidden-collapsed">HOT</span></a></li>
                        </ul>
                    </li>
                    <li><a><i class="linecons-cloud"></i> <span class="title">服务平台</span></a>
                        <ul>
                            <li><a href="#云服务商" class="smooth"><i class="linecons-doc"></i> <span
                                        class="title">云服务商</span></a></li>
                            <li><a href="#众包平台" class="smooth"><i class="linecons-doc"></i> <span
                                        class="title">众包平台</span></a></li>
                        </ul>
                    </li>
                    <li><a href="#更多导航" class="smooth"><i class="linecons-paper-plane"></i> <span
                                class="title">更多导航</span></a></li>
                    <li><a href="about"><i class="linecons-cog"></i> <span class="title">关于本页</span></a></li>
                </ul>
            </div>
        </div>
        <div class="main-content">
            <nav class="navbar user-info-navbar" role="navigation">
                <ul class="user-info-menu left-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs"><a href="#" data-toggle="sidebar"><i class="fa-bars"></i>
                            隐藏/显示侧边栏</a></li>
                    <li><a href="/" target="_blank" style="padding:30px 20px"><i class="fa fa-home"></i> 博客首页</a></li>
                    <!--<li><a href="/link/" target="_blank" style="padding:30px 20px"><i class="fa fa-link"></i>
                            友情链接</a></li>-->
                    <li><a href="/contact/" target="_blank" style="padding:30px 20px"><i class="fa fa-comments"></i>
                            评论留言</a></li>
                    <li><a href="/aboutme/" target="_blank" style="padding:30px 20px"><i class="fa fa-info-circle"></i>
                            关于博主</a></li>
                    <li><a id="tp-weather-widget" style="padding:28px 20px"></a>
                        <script>
                            ! function (e, t, n, a, o, i, c, r) {
                                r = function () {
                                        i = t.createElement(n), c = t.getElementsByTagName(n)[0], i.src = o, i.charset =
                                            "utf-8", i.async = 1, c.parentNode.insertBefore(i, c)
                                    }, e.SeniverseWeatherWidgetObject = a, e[a] || (e[a] = function () {
                                        (e[a].q = e[a].q || []).push(arguments)
                                    }), e[a].l = +new Date, e.attachEvent ? e.attachEvent("onload", r) : e
                                    .addEventListener("load", r, !1)
                            }(window, document, "script", "SeniverseWeatherWidget",
                                "//cdn.sencdn.com/widget2/static/js/bundle.js?t=" + parseInt(((new Date).getTime() /
                                    1e8).toString(), 10)), window.SeniverseWeatherWidget("show", {
                                flavor: "slim",
                                location: "WX4FBXXFKE4F",
                                geolocation: !0,
                                language: "auto",
                                unit: "c",
                                theme: "auto",
                                token: "a39cd5a0-4024-4cb2-85c6-0250317058db",
                                hover: "enabled",
                                container: "tp-weather-widget"
                            })
                        </script>
                    </li>
                </ul>
            </nav>
            <script src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/js/search.js"></script>
            <!--<h2>
                <marquee behavior="alternate" scrollamount="6">导航内容不定期更新...</marquee>
            </h2>-->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="开发社区"></i>开发社区</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://stackoverflow.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="stackoverflow.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/stackoverflow.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Stack
                                        Overflow</strong></a>
                                <p class="overflowClip_2">全球最受程序员欢迎的开发社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.csdn.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.csdn.net">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/csdn.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CSDN</strong></a>
                                <p class="overflowClip_2">全球最大中文IT社区，为IT专业技术人员提供最全面的信息传播和服务平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.cnblogs.com//","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.cnblogs.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cnblogs.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>博客园</strong></a>
                                <p class="overflowClip_2">代码改变世界</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.v2ex.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.v2ex.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/v2ex.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>V2EX</strong></a>
                                <p class="overflowClip_2">V2EX = way to explore</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://juejin.im/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="juejin.im">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/juejin.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>掘金</strong></a>
                                <p class="overflowClip_2">一个帮助开发者成长的社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://segmentfault.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="segmentfault.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/segmentfault.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SegmentFault</strong></a>
                                <p class="overflowClip_2">改变并提升人们获取知识的方式和效率，帮助更多的开发者获得成长与成功</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.oschina.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.oschina.net">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/oschina.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>开源中国</strong></a>
                                <p class="overflowClip_2">国内最大的开源技术社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.iteye.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.iteye.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/iteye.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ITeye</strong></a>
                                <p class="overflowClip_2">ITeye软件开发交流社区 - Java编程 Spring框架 Ajax技术 agile敏捷软件开发 ruby on
                                    rails实践</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.51cto.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.51cto.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/51cto.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>51CTO</strong></a>
                                <p class="overflowClip_2">技术成就梦想</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.itpub.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.itpub.net">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/itpub.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ITPUB</strong></a>
                                <p class="overflowClip_2">全球最大的学习分享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.zhihu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.zhihu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/zhihu.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>知乎</strong></a>
                                <p class="overflowClip_2">国内最受欢迎的知识性问答社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.jianshu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.jianshu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/jianshu.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>简书</strong></a>
                                <p class="overflowClip_2">创作你的创作</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://cloud.tencent.com/developer","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="cloud.tencent.com/developer">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cloudtencent.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>云+社区</strong></a>
                                <p class="overflowClip_2">来自腾讯的开发者技术分享社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://yq.aliyun.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="yq.aliyun.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/aliyun.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>云栖社区</strong></a>
                                <p class="overflowClip_2">阿里云面向开发者的开放型技术平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://aijishu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="aijishu.com/">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/aijishu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>极术社区</strong></a>
                                <p class="overflowClip_2">全球软硬件资源信息，只要你有问题，我们就能解答。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="代码托管"></i>代码托管</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="github.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/github.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Github</strong></a>
                                <p class="overflowClip_2">全球最大的面向开源及私有软件项目的托管平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://gitlab.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="gitlab.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/gitlab.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Gitlab</strong></a>
                                <p class="overflowClip_2">支持无限的公有项目和私有项目的代码托管平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://bitbucket.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="bitbucket.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/bitbucket.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Bitbucket</strong></a>
                                <p class="overflowClip_2">同时支持 Git 和 Mercurial 这两个版本控制软件，免费的私有仓库，支持5人以内的合作开发</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://sourceforge.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="sourceforge.net">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/sourceforge.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SourceForge</strong></a>
                                <p class="overflowClip_2">又称 SF.net，是开源软件开发者进行开发管理的集中式场所</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://coding.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="coding.net">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/coding.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Coding</strong></a>
                                <p class="overflowClip_2">国内首个一站式云端软件服务平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://gitee.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="gitee.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/gitee.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Gitee</strong></a>
                                <p class="overflowClip_2">国内最大的开源社区 OSChina 的代码托管平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://code.aliyun.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="code.aliyun.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/codealiyun.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>阿里云代码托管</strong></a>
                                <p class="overflowClip_2">阿里云旗下代码托管平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://xiaolvyun.baidu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="xiaolvyun.baidu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/xiaolvyunbaidu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>百度效率云</strong></a>
                                <p class="overflowClip_2">百度云旗下的 Git 代码托管平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="语言文档"></i>语言文档</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://zealdocs.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="zealdocs.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/zealdocs.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Zeal</strong></a>
                                <p class="overflowClip_2">脱机文档浏览器，包含196种语言API文档，支持Windows、Linux和macOS</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://kapeli.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="kapeli.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/dash.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Dash</strong></a>
                                <p class="overflowClip_2">适用于Mac
                                    OS平台的软件编程文档管理工具,可以浏览API文档,以及管理代码片段工具。自带了丰富的API文档,涉及各种主流的编程语言和框架</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://devdocs.io/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="devdocs.io">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/devdocs.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>DevDocs</strong></a>
                                <p class="overflowClip_2">在快速，有条理和可搜索的界面中结合了多个API文档，可以在移动设备上离线运行，并且可以安装在Chrome上</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://en.cppreference.com/w/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="en.cppreference.com/w">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cplusplus.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>C/C++</strong></a>
                                <p class="overflowClip_2">C/C++ API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://docs.microsoft.com/zh-cn/dotnet/csharp/","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="docs.microsoft.com/zh-cn/dotnet/csharp">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/csharp.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>C#</strong></a>
                                <p class="overflowClip_2">C# API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://docs.oracle.com/en/java/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="docs.oracle.com/en/java">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/java.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Java</strong></a>
                                <p class="overflowClip_2">Java API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://docs.microsoft.com/zh-cn/dotnet/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="docs.microsoft.com/zh-cn/dotnet">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/dotnet.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>.NET</strong></a>
                                <p class="overflowClip_2">.NET API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.php.net/manual/zh/index.php","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.php.net/manual/zh/index.php">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/php.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PHP</strong></a>
                                <p class="overflowClip_2">PHP API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="developer.mozilla.org/en-US/docs/Web/JavaScript/Reference">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/JavaScript.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>JavaScript</strong></a>
                                <p class="overflowClip_2">JavaScript API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://docs.python.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="docs.python.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python</strong></a>
                                <p class="overflowClip_2">Python API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://developer.android.google.cn/reference","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="developer.android.google.cn/reference">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/android.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Android</strong></a>
                                <p class="overflowClip_2">Android API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://developer.apple.com/documentation","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="developer.apple.com/documentation">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/iOS.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>iOS</strong></a>
                                <p class="overflowClip_2">iOS API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://docs.microsoft.com/zh-cn/sql/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="docs.microsoft.com/zh-cn/sql">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/sql.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SQL</strong></a>
                                <p class="overflowClip_2">SQL API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.w3cschool.cn/swift/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.w3cschool.cn/swift">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/swift.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Swift</strong></a>
                                <p class="overflowClip_2">Swift API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.ruby-doc.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.ruby-doc.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/ruby.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Ruby</strong></a>
                                <p class="overflowClip_2">Ruby API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://studygolang.com/pkgdoc","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="studygolang.com/pkgdoc">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/golang.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>GO</strong></a>
                                <p class="overflowClip_2">GO API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.r-project.org/other-docs.html","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.r-project.org/other-docs.html">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/r.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>R</strong></a>
                                <p class="overflowClip_2">R API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://ww2.mathworks.cn/help/matlab/index.html","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="ww2.mathworks.cn/help/matlab/index.html">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/matlab.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>MATLAB</strong></a>
                                <p class="overflowClip_2">MATLAB API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://nodejs.org/en/docs/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="nodejs.org/en/docs">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/Node.js.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Node.js</strong></a>
                                <p class="overflowClip_2">Node.js API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://developer.mozilla.org/en-US/docs/Web/HTML/Element","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="developer.mozilla.org/en-US/docs/Web/HTML/Element">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/html.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>HTML</strong></a>
                                <p class="overflowClip_2">HTML API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="developer.mozilla.org/en-US/docs/Web/CSS/Reference">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/css.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CSS</strong></a>
                                <p class="overflowClip_2">CSS API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://redisdoc.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="redisdoc.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/redis.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Redis</strong></a>
                                <p class="overflowClip_2">Redis API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://docs.mongodb.com/manual/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="docs.mongodb.com/manual">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/MongoDB.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>MongoDB</strong></a>
                                <p class="overflowClip_2">MongoDB API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://docs.djangoproject.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="docs.djangoproject.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/django.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Django</strong></a>
                                <p class="overflowClip_2">Django API 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="在线平台"></i>在线平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://leetcode-cn.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="leetcode-cn.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/leetcode.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>LeetCode</strong></a>
                                <p class="overflowClip_2">全球极客挚爱的技术成长平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.topcoder.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.topcoder.com/">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/topcoder.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Topcoder</strong></a>
                                <p class="overflowClip_2">全世界规模最大的程序竞赛网站，也会有一些算法竞赛，适合一些高端的或者搞ACM的，也会举办一些比赛</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://codeforces.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="codeforces.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/codeforces.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Codeforces</strong></a>
                                <p class="overflowClip_2">俄罗斯最大的算法比赛网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.hihocoder.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.hihocoder.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/hihocoder.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Hihocoder</strong></a>
                                <p class="overflowClip_2">技术团队来自原北京大学POJ (PKU Online Judge)开发团队，收集了全球范围内很多地区、高校举办的比赛试题，
                                    提供365天*24小时的在线提交、评判程序的服务</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.lintcode.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.lintcode.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/lintcode.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>LintCode</strong></a>
                                <p class="overflowClip_2">被称作中文版的leetcode，也是可以做为编程能力提升的一个中转站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.spoj.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.spoj.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/spoj.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SPOJ</strong></a>
                                <p class="overflowClip_2">波兰的算法刷题网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://acmclub.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acmclub.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/acmclub.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>NEUQ
                                        OJ</strong></a>
                                <p class="overflowClip_2">一个在线的判题平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.luogu.com.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.luogu.com.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/luogu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>洛谷</strong></a>
                                <p class="overflowClip_2">创办于2013年，致力于为参加noip、noi、acm的选手提供清爽、快捷的编程体验</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.nowcoder.com/contestRoom","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.nowcoder.com/contestRoom">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/nowcoder.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>牛客网</strong></a>
                                <p class="overflowClip_2">中国最大的IT题库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.dotcpp.com/oj/contest.html","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.dotcpp.com/oj/contest.html">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/dotcpp.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>C语言网</strong></a>
                                <p class="overflowClip_2">在这里可以参加包括ACM、NOI在内的各种C/C++/java程序比赛，也可以DIY举办各类程序比赛活动！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://nanti.jisuanke.com/oi","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="nanti.jisuanke.com/oi">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/jisuanke.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>计蒜客</strong></a>
                                <p class="overflowClip_2">计蒜客OI题库致力于为参加noi、noip、信息学竞赛的选手提供优秀的Online Judge系统</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="高校平台"></i>高校平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://poj.org/","_blank")' data-toggle="tooltip" data-placement="bottom"
                        data-original-title="poj.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/poj.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>POJ</strong></a>
                                <p class="overflowClip_2">北京大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.acm.fudan.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.acm.fudan.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/fudan.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>FDU
                                        OJ</strong></a>
                                <p class="overflowClip_2">复旦大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://acm.tongji.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acm.tongji.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/tongji.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>TJ
                                        OJ</strong></a>
                                <p class="overflowClip_2">同济大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://acm.ustc.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acm.ustc.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/ustc.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>USTC
                                        OJ</strong></a>
                                <p class="overflowClip_2">中国科学技术大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://zoj.pintia.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="zoj.pintia.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/zoj.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ZOJ</strong></a>
                                <p class="overflowClip_2">浙江大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://acm.hdu.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acm.hdu.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/hduoj.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>HDU
                                        OJ</strong></a>
                                <p class="overflowClip_2">杭州电子科技大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://acm.csu.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acm.csu.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/csu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CSU-ACM</strong></a>
                                <p class="overflowClip_2">中南大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://acm.hit.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acm.hit.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/hit.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>HOJX</strong></a>
                                <p class="overflowClip_2">哈尔滨工业大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://acm.hrbust.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acm.hrbust.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/hrbust.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>HRBUST
                                        OJ</strong></a>
                                <p class="overflowClip_2">哈尔滨理工大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://acm.swust.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acm.swust.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/swust.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PowerOJ</strong></a>
                                <p class="overflowClip_2">西南科技大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://acm.scu.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acm.scu.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/scu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>SCU
                                        OJ</strong></a>
                                <p class="overflowClip_2">四川大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://coding.fzu.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="coding.fzu.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/fzu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>FZU
                                        CoidngOJ</strong></a>
                                <p class="overflowClip_2">福州大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://ac.2333.moe/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="ac.2333.moe">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/nbut.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>NBUT
                                        OJ</strong></a>
                                <p class="overflowClip_2">宁波工程学院程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://acm.uestc.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acm.uestc.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/uestc.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Lutece</strong></a>
                                <p class="overflowClip_2">电子科技大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://acm.whu.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acm.whu.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/whu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>武汉大学 ACM
                                        协会</strong></a>
                                <p class="overflowClip_2">武汉大学 ACM 协会</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://acm.zjut.edu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="acm.zjut.edu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/zjut.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>ZJUT
                                        OJ</strong></a>
                                <p class="overflowClip_2">浙江工业大学程序在线评测系统</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="游戏编程"></i>游戏编程</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://checkio.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="checkio.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/checkio.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CheckiO</strong></a>
                                <p class="overflowClip_2">面向初学者和高级程序员的编码游戏，使用Python和JavaScript解决棘手的挑战和有趣的任务，从而提高您的编码技能
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.codingame.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.codingame.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/codingame.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Coding
                                        Games</strong></a>
                                <p class="overflowClip_2">支持包括PHP、C、JavaScript在内的20多种编程语言。用户界面功能强大，可以定制</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.codewars.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.codewars.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/codewars.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Codewars</strong></a>
                                <p class="overflowClip_2">一个外国的在线练习编程的网站,做题的过程类似打怪,做题升级,而且可以看到别人的解法,里面有很多巧妙的写法可以学习</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://codecombat.163.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="codecombat.163.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/codecombat.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CodeCombat</strong></a>
                                <p class="overflowClip_2">
                                    一个面向学生的游戏和CS学习平台。这是一个社区项目，有数百玩家自愿提供支持。支持语言包括Java、JS、Python、Lua、CoffeeScript</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://screeps.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="screeps.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/screeps.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Screeps</strong></a>
                                <p class="overflowClip_2">在游戏中学习JavaScript。世界上第一款针对程序员的MMO沙盒游戏</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://vim-adventures.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="vim-adventures.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/vim_adventures.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>VIM
                                        Adventures</strong></a>
                                <p class="overflowClip_2">玩游戏的时候学VIM</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.cyber-dojo.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.cyber-dojo.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cyber_dojo.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Cyber-Dojo</strong></a>
                                <p class="overflowClip_2">一个提供给程序员们练习写程序的地方。支持语言包括JavaScript、Java、Python、PHP、Ruby和很多其他语言
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://play.elevatorsaga.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="play.elevatorsaga.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/elevatorsaga.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Elevator
                                        Saga</strong></a>
                                <p class="overflowClip_2">电梯编程游戏，跟随关卡解决所有挑站，使用语言为JavaScript</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://rubyquiz.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="rubyquiz.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/rubyquiz.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Ruby
                                        Quiz</strong></a>
                                <p class="overflowClip_2">一个Ruby程序员提供的每周编程挑战项目</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.hacker.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.hacker.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/hacker.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>hacker.org</strong></a>
                                <p class="overflowClip_2">这项挑战由一系列本设计来强化你黑客技巧的解密、诡计、测试、烧脑环节组成。想要通关本系列，你必须学会解密、编码、渗透</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.bloc.io/ruby-warrior/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.bloc.io/ruby-warrior">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/ruby_warrior.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Ruby
                                        Warrior</strong></a>
                                <p class="overflowClip_2">
                                    玩游戏学Ruby，通过Ruby脚本来控制一个Warrior通过每一关，每一关的代码难度都会有所增加，使玩家逐渐了解Ruby基本的函数、控制、变量、数组等语言特性的用法
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="文档资料"></i>文档资料</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://docs.python.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="docs.python.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        官方文档</strong></a>
                                <p class="overflowClip_2">Python 官方文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://docs.python.org/zh-cn/3.7/library/","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="docs.python.org/zh-cn/3.7/library">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        标准库</strong></a>
                                <p class="overflowClip_2">Python 标准库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://cn.python-requests.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="cn.python-requests.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python_requests.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        Requests</strong></a>
                                <p class="overflowClip_2">Python Requests 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://docs.python.org/zh-cn/3/library/urllib.html","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="docs.python.org/zh-cn/3/library/urllib.html">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/urllib.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        Urllib</strong></a>
                                <p class="overflowClip_2">Python Urllib 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://selenium-python-zh.readthedocs.io/","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="selenium-python-zh.readthedocs.io">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/selenium_python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        Selenium</strong></a>
                                <p class="overflowClip_2">Python Selenium 中文翻译文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://docs.python.org/zh-cn/3/library/re.html","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="docs.python.org/zh-cn/3/library/re.html">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python_re.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>正则表达式</strong></a>
                                <p class="overflowClip_2">Python 正则表达式官方文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://beautifulsoup.readthedocs.io/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="beautifulsoup.readthedocs.io">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/beautifulsoup.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Beautiful
                                        Soup</strong></a>
                                <p class="overflowClip_2">Beautiful Soup 文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://scrapy.org/doc/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="scrapy.org/doc/">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/scrapy.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Scrapy</strong></a>
                                <p class="overflowClip_2">Scrapy 爬虫框架官方文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://docs.pyspider.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="docs.pyspider.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/pyspider.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PySpider</strong></a>
                                <p class="overflowClip_2">PySpider 爬虫框架官方文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.matplotlib.org.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.matplotlib.org.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/matplotlib.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Matplotlib</strong></a>
                                <p class="overflowClip_2">Matplotlib 2D绘图库 官方中文文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.numpy.org.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.numpy.org.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/numpy.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Numpy</strong></a>
                                <p class="overflowClip_2">Numpy 科学计算 官方中文文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.pypandas.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.pypandas.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/pypandas.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Pandas</strong></a>
                                <p class="overflowClip_2">Pandas 结构化数据分析 官方中文文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="博客收藏"></i>博客收藏</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.liaoxuefeng.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.liaoxuefeng.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/liaoxuefeng.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>廖雪峰</strong></a>
                                <p class="overflowClip_2">廖雪峰的官方网站 - 研究互联网产品和技术，提供原创中文精品教程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://cuiqingcai.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="cuiqingcai.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cuiqingcai.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>崔庆才</strong></a>
                                <p class="overflowClip_2">崔庆才的个人博客,专注PHP,Python,爬虫,深度学习,机器学习,数据分析</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://morvanzhou.github.io/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="morvanzhou.github.io">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/morvanzhou.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>莫烦Python</strong></a>
                                <p class="overflowClip_2">专注Python、机器学习、深度学习</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.santostang.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.santostang.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/santostang.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>唐松</strong></a>
                                <p class="overflowClip_2">专注Python网络爬虫, 数据科学, 数据挖掘, 数据分析</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://pythonhunter.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="pythonhunter.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/pythonhunter.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>捕蛇者说</strong></a>
                                <p class="overflowClip_2">编程、程序员、Python</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://fxxkpython.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="fxxkpython.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/fxxkpython.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>FxxkPython</strong></a>
                                <p class="overflowClip_2">学习python的正确姿势</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://wistbean.github.io","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="wistbean.github.io">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/wistbean.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>wistbean</strong></a>
                                <p class="overflowClip_2">Python 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.zlovezl.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.zlovezl.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/zlovezl.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Piglei</strong></a>
                                <p class="overflowClip_2">Python 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://tendcode.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="tendcode.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/tendcode.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>TendCode</strong></a>
                                <p class="overflowClip_2">Python 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.zmrenwu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.zmrenwu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/zmrenwu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>追梦人物的博客</strong></a>
                                <p class="overflowClip_2">Python Django 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.the5fire.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.the5fire.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/the5fire.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>the5fire</strong></a>
                                <p class="overflowClip_2">《Django企业开发实战》作者，关注Python、Django、Vim、Linux、Web开发</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://dongwm.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="dongwm.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/dongwm.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>小明明S À
                                        DOMICILE</strong></a>
                                <p class="overflowClip_2">《Python Web开发实战》作者，Python 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://foofish.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="foofish.net">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/foofish.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python之禅</strong></a>
                                <p class="overflowClip_2">Python 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.pyzhishiquan.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.pyzhishiquan.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/pyzhishiquan.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        知识圈</strong></a>
                                <p class="overflowClip_2">Python知识圈 - 实用的Python教程网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.xiaozhan95.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.xiaozhan95.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/xiaozhan95.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        教程网</strong></a>
                                <p class="overflowClip_2">小詹学Python，专注Python学习</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.spiderpy.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.spiderpy.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/spiderpy.gif"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>烂笔头
                                        j_hao104</strong></a>
                                <p class="overflowClip_2">Python大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://xianyucoder.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="xianyucoder.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/xianyucoder.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>咸鱼日常</strong></a>
                                <p class="overflowClip_2">专注Python爬虫，有许多JS逆向文章</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://blog.ansheng.me/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="blog.ansheng.me">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/ansheng.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>AnSheng</strong></a>
                                <p class="overflowClip_2">Python 全栈大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://xiaxichen.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="xiaxichen.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/xiaxichen.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>夏溪辰</strong></a>
                                <p class="overflowClip_2">云栖社区特邀爬虫工程师，Python大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.makcyun.top/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.makcyun.top">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/makcyun.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>高级农民工</strong></a>
                                <p class="overflowClip_2">Python大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://cloudcrawler.club/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="cloudcrawler.club">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/lateautumn4lin.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>云爬虫技术研究笔记</strong></a>
                                <p class="overflowClip_2">Lateautumn4lin 爬虫开发工程师，多年反爬虫破解经验，沉迷数据分析和黑客增长，CSDN博客专家，华为云享专家
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://lateautumn4lin.blog.csdn.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="blog.ansheng.me">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/lateautumn4lin.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>云爬虫技术研究笔记(CSDN)</strong></a>
                                <p class="overflowClip_2">Lateautumn4lin 爬虫开发工程师，多年反爬虫破解经验，沉迷数据分析和黑客增长，CSDN博客专家，华为云享专家
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://cuijiahua.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="cuijiahua.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cuijiahua.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Jack
                                        Cui</strong></a>
                                <p class="overflowClip_2">CSDN博客专家，Python 大佬</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="学习资源"></i>学习资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.python88.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.python88.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Python爬虫人工智能学习教程</strong></a>
                                <p class="overflowClip_2">Python爬虫人工智能学习教程分享</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.pythondoc.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.pythondoc.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        中文学习大本营</strong></a>
                                <p class="overflowClip_2">Python 中文学习大本营</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://jobbole.github.io/awesome-python-cn/","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="jobbole.github.io/awesome-python-cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        资源大全中文版</strong></a>
                                <p class="overflowClip_2">Python 资源大全中文版</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="组织社区"></i>组织社区</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://pychina.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="pychina.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/pychina.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PyChina</strong></a>
                                <p class="overflowClip_2">Python 中国社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://cn.pycon.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="cn.pycon.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cnpycon.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>PyCon
                                        China</strong></a>
                                <p class="overflowClip_2">中国 Python 开发者大会</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://weekly.pychina.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="weekly.pychina.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/weeklypychina.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>蠎周刊</strong></a>
                                <p class="overflowClip_2">蠎周刊 - 汇集全球蠎事儿</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="爬虫相关"></i>爬虫相关</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://glidedsky.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="glidedsky.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/glidedsky.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>镀金的天空</strong></a>
                                <p class="overflowClip_2">GlidedSky 镀金的天空，在线爬虫练习题库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://bbs.nightteam.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="bbs.nightteam.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/nightteam.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>夜幕爬虫安全论坛</strong></a>
                                <p class="overflowClip_2">一个专注于爬虫与 PC/Web/ 移动端安全领域技术交流的社区，社区由夜幕团队 NightTeam
                                    创办，旨在提升开发者对爬虫与软件安全防护的理解</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.xicidaili.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.xicidaili.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/xicidaili.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>西刺免费代理IP</strong></a>
                                <p class="overflowClip_2">每日更新免费HTTP代理，所有代理均为6675端口高匿代理，可隐藏IP</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/jhao104/proxy_pool","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="github.com/jhao104/proxy_pool">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/proxy_pool.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>爬虫IP代理池</strong></a>
                                <p class="overflowClip_2">爬虫IP代理池</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.yundama.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.yundama.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/yundama.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>云打码</strong></a>
                                <p class="overflowClip_2">采用全球领先的秒传识别系统，50%图片零秒识别，人工平均处理时间0-3秒</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.chaojiying.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.chaojiying.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/chaojiying.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>超级鹰</strong></a>
                                <p class="overflowClip_2">专业的验证码云端识别服务,让验证码识别更快速、更准确、更强大</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.bazhuayu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.bazhuayu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/bazhuayu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>八爪鱼采集器</strong></a>
                                <p class="overflowClip_2">一款使用简单、功能强大的网络爬虫工具，完全可视化操作，无需编写代码，内置海量模板，支持任意网络数据抓取</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/lateautumn4lin/Review_Reverse","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/lateautumn4lin/Review_Reverse">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        逆向</strong></a>
                                <p class="overflowClip_2">Python 逆向相关资源</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/facert/awesome-spider","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="github.com/facert/awesome-spider">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        爬虫集合</strong></a>
                                <p class="overflowClip_2">Python 爬虫集合</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/lining0806/PythonSpiderNotes","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/lining0806/PythonSpiderNotes">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        入门网络爬虫之精华版</strong></a>
                                <p class="overflowClip_2">Python 入门网络爬虫之精华版</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/xianyucoder/Crack-JS","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="github.com/xianyucoder/Crack-JS">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>爬虫项目进阶实战</strong></a>
                                <p class="overflowClip_2">Python3 爬虫项目进阶实战、JS加解密、逆向教程、css 加密、字体加密</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/Kr1s77/awesome-python-login-model","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/Kr1s77/awesome-python-login-model">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python
                                        模拟登陆一些大型网站</strong></a>
                                <p class="overflowClip_2">Python 模拟登陆一些大型网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/Ehco1996/Python-crawler","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/Ehco1996/Python-crawler">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>系统化学习 Python
                                        爬虫</strong></a>
                                <p class="overflowClip_2">系统化学习 Python 爬虫</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/Jack-Cherish/python-spider","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/Jack-Cherish/python-spider">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/python.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Python3
                                        网络爬虫实战</strong></a>
                                <p class="overflowClip_2">Python3 网络爬虫实战</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="在线视频"></i>在线视频</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://ke.qq.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="ke.qq.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/keqq.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>腾讯课堂</strong></a>
                                <p class="overflowClip_2">腾讯推出的专业在线教育平台，聚合大量优质教育机构和名师</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://study.163.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="study.163.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/study163.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>网易云课堂</strong></a>
                                <p class="overflowClip_2">网易旗下一个专注职业技能提升的在线学习平台。立足于实用性的要求，与多家教育培训机构和行业的专家、讲师建立合作</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.icourse163.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.icourse163.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/icourse163.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>中国大学
                                        MOOC</strong></a>
                                <p class="overflowClip_2">中国大学MOOC(慕课)，国家精品课程在线学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.itheima.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.itheima.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/itheima.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>黑马程序员</strong></a>
                                <p class="overflowClip_2">致力于培养中级程序员，是业内以口碑闻名的IT教育培训机构</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.kgc.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.kgc.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/kgc.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>课工场</strong></a>
                                <p class="overflowClip_2">更可靠的IT就业教育平台，针对大学生量身定制人工智能、大数据、云计算、区块链、Java大数据开发等大学生IT培训课程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.jikexueyuan.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.jikexueyuan.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/jikexueyuan.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>极客学院</strong></a>
                                <p class="overflowClip_2">极客学院作为中国专业IT职业在线教育平台,拥有海量高清IT职业课程,涵盖30+个技术领域</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.imooc.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.imooc.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/imooc.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>慕课网</strong></a>
                                <p class="overflowClip_2">
                                    慕课网（IMOOC）是IT技能学习平台。慕课网(IMOOC)提供了丰富的移动端开发、php开发、web前端、android开发以及html5等视频教程资源公开课</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.atguigu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.atguigu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/atguigu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>尚硅谷</strong></a>
                                <p class="overflowClip_2">
                                    尚硅谷Java培训，谷粉与老学员为你推荐的Java培训、Web前端培训、前端培训、大数据培训、Python培训；0基础入学，学员就业起薪屡创新高！</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.shiyanlou.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.shiyanlou.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/shiyanlou.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>实验楼</strong></a>
                                <p class="overflowClip_2">
                                    国内领先的IT在线编程及在线实训学习平台，专业导师提供精选的实践项目，创新的技术使得学习者无需配置繁琐的本地环境，随时在线流畅使用</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://cn.udacity.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="cn.udacity.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/udacity.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>优达学城</strong></a>
                                <p class="overflowClip_2">
                                    Udacity是来自硅谷的前沿技术平台，为广大学子提供WEB前端开发、Python/JAVA编程、IOS/Android开发、人工智能开发等一系列在线课程及实战项目，满足学员灵活的学习需求
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://edu.51cto.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="edu.51cto.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/edu51cto.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>51CTO学院</strong></a>
                                <p class="overflowClip_2">
                                    51CTO学院IT职业在线教育平台是依托12年行业品牌、1400万IT技术用户建立的专业IT技能学习培训平台，已签约1000多位技术专家发布了12万个自学式实战视频教程
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://edu.csdn.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="edu.csdn.net">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/educsdn.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>CSDN
                                        学院</strong></a>
                                <p class="overflowClip_2">CSDN 学院作为IT在线教育平台,涵盖人工智能、考试认证、移动开发、大数据技术领域职业课程</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.oldboyedu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.oldboyedu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/oldboyedu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>老男孩IT教育</strong></a>
                                <p class="overflowClip_2">
                                    隶属北京一天天教育科技有限公司,是一直专注于Linux培训、Linux系统及架构师培训、Python培训、网络安全培训，大数据实战的高端培训机构</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3">
                        <div class="xe-widget xe-conversations box2 label-info"
                            onclick='window.open("http://www.mobiletrain.org/","_blank")' data-toggle="tooltip"
                            data-placement="bottom" data-original-title="www.mobiletrain.org">
                            <div class="xe-comment-entry"><a class="xe-user-img"><img
                                        src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/mobiletrain.png"
                                        class="img-circle" width="40"></a>
                                <div class="xe-comment"><a href="#"
                                        class="xe-user-name overflowClip_1"><strong>千锋教育</strong></a>
                                    <p class="overflowClip_2">千锋教育 - 坚持教育初心，坚持面授品质，IT培训良心品牌</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="博客论坛"></i>博客论坛</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://fishc.com.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="fishc.com.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/fishc.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>鱼C工作室</strong></a>
                                <p class="overflowClip_2">
                                    鱼C工作室-免费编程视频教学|Python教学|Web开发教学|全栈开发教学|C语言教学|汇编教学|Win32开发|加密与解密|Linux教学</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.52pojie.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.52pojie.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/52pojie.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>吾爱破解</strong></a>
                                <p class="overflowClip_2">致力于软件安全与病毒分析的前沿，丰富的技术版块交相辉映，由无数热衷于软件加密解密及反病毒爱好者共同维护</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.liaoxuefeng.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.liaoxuefeng.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/liaoxuefeng.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>廖雪峰</strong></a>
                                <p class="overflowClip_2">廖雪峰的官方网站 - 研究互联网产品和技术，提供原创中文精品教程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://cuiqingcai.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="cuiqingcai.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cuiqingcai.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>崔庆才</strong></a>
                                <p class="overflowClip_2">崔庆才的个人博客,专注PHP,Python,爬虫,深度学习,机器学习,数据分析</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://morvanzhou.github.io/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="morvanzhou.github.io">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/morvanzhou.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>莫烦Python</strong></a>
                                <p class="overflowClip_2">专注Python、机器学习、深度学习</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.santostang.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.santostang.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/santostang.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>唐松</strong></a>
                                <p class="overflowClip_2">专注Python网络爬虫, 数据科学, 数据挖掘, 数据分析</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.ruanyifeng.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.ruanyifeng.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/ruanyifeng.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>阮一峰</strong></a>
                                <p class="overflowClip_2">上海财经大学世界经济博士研究生，计算机科普博主，对自由软件有着坚定不移的信念</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="学习平台"></i>学习平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.runoob.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.runoob.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/runoob.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>菜鸟教程</strong></a>
                                <p class="overflowClip_2">提供了编程的基础技术教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP ,
                                    MySQL等各种编程语言的基础知识</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.w3school.com.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.w3school.com.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/w3school.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>W3school</strong></a>
                                <p class="overflowClip_2">领先的 Web 技术教程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.dotcpp.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.dotcpp.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/dotcpp.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>C语言网</strong></a>
                                <p class="overflowClip_2">C语言网 - 领先实用的编程在线学习网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.qianduandaxue.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.qianduandaxue.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/qianduandaxue.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>前端网</strong></a>
                                <p class="overflowClip_2">前端网，最好的自学web前端网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.nowcoder.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.nowcoder.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/nowcoder.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>牛客网</strong></a>
                                <p class="overflowClip_2">牛客网 - 互联网求职神器和备考学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://how2j.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="how2j.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/how2j.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>How2J</strong></a>
                                <p class="overflowClip_2">How2J的Java教程, 内容涵盖J2SE、WEB前端、J2EE、框架技术等全面的Java内容</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="站长工具"></i>站长工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://sina.lt/","_blank")' data-toggle="tooltip" data-placement="bottom"
                        data-original-title="sina.lt">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/sina.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>新浪短网址</strong></a>
                                <p class="overflowClip_2">多种后缀短网址生成</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://dwz.cn/","_blank")' data-toggle="tooltip" data-placement="bottom"
                        data-original-title="dwz.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/baidu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>百度短网址</strong></a>
                                <p class="overflowClip_2">百度旗下专业的网址缩短服务</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://tool.chinaz.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="tool.chinaz.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/chinaz.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>站长工具 -
                                        站长之家</strong></a>
                                <p class="overflowClip_2">
                                    站长工具,SEO工具,权重查询,收录查询,PR查询,ICP备案查询,whois查询,友情链接查询,反向链接查询,网站测试,IP查询,Alexa查询</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://whois.aliyun.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="whois.aliyun.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/aliyun.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>阿里云 whois
                                        查询</strong></a>
                                <p class="overflowClip_2">whois查询,域名whois,域名注册信息,whois查询工具,whois信息,域名信息</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://namebeta.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="namebeta.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/namebeta.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>NnameBeta</strong></a>
                                <p class="overflowClip_2">国际域名搜索、域名注册、国别域名注册、域名比价</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.domcomp.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.domcomp.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/domcomp.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Domcomp</strong></a>
                                <p class="overflowClip_2">域名比价，Domain Name Price and Availability.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://fztool.ptcms.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="fztool.ptcms.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/ptcms.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>仿站工具箱</strong></a>
                                <p class="overflowClip_2">在线仿站工具箱</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://tool.lusongsong.com/seo/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="tool.lusongsong.com/seo">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/seo.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>超级 SEO
                                        外链工具</strong></a>
                                <p class="overflowClip_2">网站自动化宣传机器/免费的超级外链工具可批量增加外链</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://ziyuan.baidu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="ziyuan.baidu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/baidu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>百度站长平台</strong></a>
                                <p class="overflowClip_2">百度搜索资源平台 - 让网站更具价值</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://zhanzhang.sogou.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="zhanzhang.sogou.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/sogou.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>搜狗站长平台</strong></a>
                                <p class="overflowClip_2">搜狗站长平台 - 全面掌握在搜狗搜索中的数据表现</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://zhanzhang.so.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="zhanzhang.so.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/360.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>360
                                        站长平台</strong></a>
                                <p class="overflowClip_2">360 站长平台 - 给网站带来更多流量和展现</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.google.cn/webmasters/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.google.cn/webmasters">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/google.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Google
                                        站长平台</strong></a>
                                <p class="overflowClip_2">Google 网站站长 - 支持、学习、互动交流和 Search Console – Google</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.bing.com/toolbox/webmaster/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.bing.com/toolbox/webmaster">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/bing.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Bing
                                        网站管理员工具</strong></a>
                                <p class="overflowClip_2">Bing 网站管理员工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://union.baidu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="union.baidu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/baidu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>百度广告联盟</strong></a>
                                <p class="overflowClip_2">百度广告联盟为您的流量增值</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.google.com/adsense/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.google.com/adsense">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/google.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Google
                                        AdSense</strong></a>
                                <p class="overflowClip_2">Google 广告平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://tongji.baidu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="tongji.baidu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/baidu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>百度统计</strong></a>
                                <p class="overflowClip_2">百度统计 — 最大的中文网站分析平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.umeng.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.umeng.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/umeng.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>友盟+</strong></a>
                                <p class="overflowClip_2">国内领先的第三方全域数据智能服务商</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.beian.miit.gov.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.beian.miit.gov.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/beian.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ICP/IP地址/域名信息备案管理系统</strong></a>
                                <p class="overflowClip_2">工业和信息化部ICP/IP地址/域名信息备案管理系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://beian.gov.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="beian.gov.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/beian.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>全国互联网安全管理服务平台</strong></a>
                                <p class="overflowClip_2">公安备案网 - 全国互联网安全管理服务平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="IT工具箱"></i>IT工具箱</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://tool.lu/","_blank")' data-toggle="tooltip" data-placement="bottom"
                        data-original-title="tool.lu">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/tool.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>在线工具 -
                                        程序员的工具箱</strong></a>
                                <p class="overflowClip_2">站长工具、代码格式化、压缩、加密、解密、下载链接转换等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://tool.oschina.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="tool.oschina.net">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/tool.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>在线工具 -
                                        OSCHINA.NET社区</strong></a>
                                <p class="overflowClip_2">常用文档、常用对照表、代码处理、Html/Js/Css工具、加密/转码工具等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://tools.ly522.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="tools.ly522.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/tool.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>记磊工具箱</strong></a>
                                <p class="overflowClip_2">Dns检测、CSS格式化、超级Ping、端口扫描等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://tool.mkblog.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="tool.mkblog.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/tool.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>孟坤工具箱</strong></a>
                                <p class="overflowClip_2">css一键美化、文本差异比较、代码高亮等</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.planetb.ca/syntax-highlight-word","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.planetb.ca/syntax-highlight-word">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/syntaxhighlight.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Syntax
                                        Highlight</strong></a>
                                <p class="overflowClip_2">Syntax Highlight Code In Word Documents，在Word文档中插入漂亮的代码</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://patorjk.com/software/taag/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="patorjk.com/software/taag">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/texttoASCII.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Text to
                                        ASCII Art Generator</strong></a>
                                <p class="overflowClip_2">Text to ASCII Art Generator，字符串转成 ASCII 码图案</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.mdeditor.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.mdeditor.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/mdeditor.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>MDEditor</strong></a>
                                <p class="overflowClip_2">开源在线 Markdown 编辑器</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://linshiyouxiang.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="linshiyouxiang.net">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/linshiyouxiang.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>临时邮箱</strong></a>
                                <p class="overflowClip_2">匿名注册不常用的网站/论坛，保护隐私免骚扰</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://sm.ms/","_blank")' data-toggle="tooltip" data-placement="bottom"
                        data-original-title="sm.ms">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/smms.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SM.MS</strong></a>
                                <p class="overflowClip_2">SM 免费图床，每个文件最大支持 5MB</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://imgchr.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="imgchr.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/imgchr.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>路过图床</strong></a>
                                <p class="overflowClip_2">免费公共图床，支持最大10MB、批量上传</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://greasyfork.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="greasyfork.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/greasyfork.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Greasy
                                        Fork</strong></a>
                                <p class="overflowClip_2">安全、实用的用户脚本大全</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://netsmell.com/apps/helloworldcollection/","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="netsmell.com/apps/helloworldcollection">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/helloworldcollection.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Hello World
                                        大全</strong></a>
                                <p class="overflowClip_2">收集了大约481种 Hello World 程序，涵盖了目前已知的所有编程语言，另加上 67 人类语言</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://qiao.github.io/PathFinding.js/visual/","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="qiao.github.io/PathFinding.js/visual">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/PathFinding.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>动画展示各种路径搜索算法</strong></a>
                                <p class="overflowClip_2">动画展示各种路径搜索算法</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://it-ebooks.info/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="it-ebooks.info">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/it_ebooks.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>IT
                                        eBooks</strong></a>
                                <p class="overflowClip_2">可以下载IT电子书籍的网站（英文）</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://geektyper.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="geektyper.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/geektyper.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>GEEKTyper</strong></a>
                                <p class="overflowClip_2">在线模拟黑客工作的虚拟桌面系统，提供多种黑客工作的场景</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/justjavac/free-programming-books-zh_CN","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/justjavac/free-programming-books-zh_CN">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/free_programming_books.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>免费计算机编程类中文书籍</strong></a>
                                <p class="overflowClip_2">免费计算机编程类中文书籍</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.easeus.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.easeus.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/easeus.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>EaseUS
                                        Partition Master</strong></a>
                                <p class="overflowClip_2">磁盘分区管理软件，不用重装系统，就可以重新划分磁盘空间</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="文件处理"></i>文件处理</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://convertio.co/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="convertio.co">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/convertio.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Convertio</strong></a>
                                <p class="overflowClip_2">在线文件转换工具，支持超过309种不同的文档、图像、电子表格、电子书、文档、演示文稿、音频和视频格式</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://cn.office-converter.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="cn.office-converter.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/office_converter.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Office-Converter</strong></a>
                                <p class="overflowClip_2">免费在线转换视频，在线音频转换，在线图形转换，在线文档转换和在线压缩格式</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://tinypng.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="tinypng.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/tinypng.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>TinyPNG</strong></a>
                                <p class="overflowClip_2">PNG/JPG图片在线压缩利器</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://squoosh.app/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="squoosh.app">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/squoosh.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Squoosh</strong></a>
                                <p class="overflowClip_2">Google开源在线压缩、调整工具，支持WebP</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.iloveimg.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.iloveimg.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/iloveimg.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ILoveIMG</strong></a>
                                <p class="overflowClip_2">永远免费的在线图片处理工具，可在线编辑，压缩、裁剪、转换、水印等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://smallpdf.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="smallpdf.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/smallpdf.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Smallpdf</strong></a>
                                <p class="overflowClip_2">Smallpdf - A Free Solution to all your PDF
                                    Problems,PDF压缩、转换、分割、合并等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://photomosh.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="photomosh.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/photomosh.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PHOTOMOSH</strong></a>
                                <p class="overflowClip_2">故障艺术在线生成，可以输出jpg、gif和视频</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.gaoding.com/koutu","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.gaoding.com/koutu">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/gaoding.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>稿定抠图</strong></a>
                                <p class="overflowClip_2">免费在线抠图软件,图片快速换背景-抠白底图</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.uugai.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.uugai.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/uugai.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>U钙网</strong></a>
                                <p class="overflowClip_2">完全免费的LOGO在线设计制作工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://jakearchibald.github.io/svgomg/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="jakearchibald.github.io/svgomg">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/svgomg.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>SVGOMG</strong></a>
                                <p class="overflowClip_2">SVG在线压缩平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://yj.duduxuexi.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="yj.duduxuexi.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/tmyjcl.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>在线图片透明圆角处理</strong></a>
                                <p class="overflowClip_2">在线图片透明圆角处理</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://cli.im/","_blank")' data-toggle="tooltip" data-placement="bottom"
                        data-original-title="cli.im">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cli.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>草料二维码</strong></a>
                                <p class="overflowClip_2">国内创建二维码在线应用</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.logaster.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.logaster.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/logaster.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Logaster</strong></a>
                                <p class="overflowClip_2">在线免费创建简单logo及名片设计</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.logaster.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.logaster.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/preloaders.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Preloaders</strong></a>
                                <p class="overflowClip_2">Loading 懒加载动画在线制作</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://loading.io/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="loading.io">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/loading.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Loading</strong></a>
                                <p class="overflowClip_2">制作GIF、SVG、CSS加载动画图标</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://waifu2x.udp.jp/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="waifu2x.udp.jp">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/waifu2x.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>waifu2x</strong></a>
                                <p class="overflowClip_2">图片智能无损放大2倍，适合动漫、插画等</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://zhitu.isux.us/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="zhitu.isux.us">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/zhitu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>智图</strong></a>
                                <p class="overflowClip_2">腾讯ISUX前端团队开发的一个专门用于图片压缩和图片格式转换的平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://music.sounm.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="music.sounm.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/musicsounm.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>音乐免费下载</strong></a>
                                <p class="overflowClip_2">全网音乐免费下载工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://okzyw.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="okzyw.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/okzyw.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>OK资源采集</strong></a>
                                <p class="overflowClip_2">OK资源采集-最新影视资源大全</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://jianwai.netease.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="jianwai.netease.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/jianwai.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>网易见外工作台</strong></a>
                                <p class="overflowClip_2">针对视频、图片、文档、音频都可以进行翻译转写操作，每天两小时免费使用</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.hipdf.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.hipdf.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/hipdf.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>HiPDF</strong></a>
                                <p class="overflowClip_2">一站式解决所有PDF相关的问题</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.shipinyu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.shipinyu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/shipinyu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>视频鱼</strong></a>
                                <p class="overflowClip_2">在线下载各大网站视频的网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.screentogif.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.screentogif.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/screentogif.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ScreenToGif</strong></a>
                                <p class="overflowClip_2">开源、轻量级却非常强大的录屏软件，快速将屏幕录制成高清GIF</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="设计素材"></i>设计素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.iconfont.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.iconfont.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/iconfont.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Iconfont</strong></a>
                                <p class="overflowClip_2">阿里巴巴矢量图标库，提供矢量图标下载、在线存储、格式转换等功能</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://fontawesome.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="fontawesome.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/fontawesome.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Font
                                        Awesome</strong></a>
                                <p class="overflowClip_2">一个基于CSS 和 LESS 的字体和图标工具包</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.flaticon.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.flaticon.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/flaticon.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Flaticon</strong></a>
                                <p class="overflowClip_2">海量扁平化免费的图标库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://icons8.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="icons8.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/icons8.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>icons8</strong></a>
                                <p class="overflowClip_2">独特系统平台风格和web图标库，下载免费图标，音乐</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.58pic.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.58pic.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/58pic.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>千图网</strong></a>
                                <p class="overflowClip_2">海量原创设计模板免费下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.nipic.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.nipic.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/nipic.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>昵图网</strong></a>
                                <p class="overflowClip_2">国内海量平面免费素材下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://588ku.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="588ku.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/588ku.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>千库网</strong></a>
                                <p class="overflowClip_2">免费 png 图片背景素材下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.pexels.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.pexels.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/pexels.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Pexels</strong></a>
                                <p class="overflowClip_2">才华横溢的摄影作者在这里免费分享最精彩的素材照片和视频</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://bing.ioliu.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="bing.ioliu.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/bing.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>必应壁纸</strong></a>
                                <p class="overflowClip_2">必应每日高清壁纸</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.piqsels.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.piqsels.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/piqsels.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Piqsels</strong></a>
                                <p class="overflowClip_2">精美的免版税图库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://sicangziti.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="sicangziti.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/sicangziti.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>私藏字体</strong></a>
                                <p class="overflowClip_2">优质字体免费下载站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.1ppt.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.1ppt.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/1ppt.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>第一 PPT
                                        网</strong></a>
                                <p class="overflowClip_2">免费 PPT 模板下载</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.woodo.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.woodo.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/woodo.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>吾道幻灯片</strong></a>
                                <p class="overflowClip_2">全新的office生产力工具，支持演示文稿、PPT模板、协同办公，可以帮助用户轻松创建具有视觉吸引力的幻灯片</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://mixkit.co/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="mixkit.co">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/mixkit.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Mixkit</strong></a>
                                <p class="overflowClip_2">免费、高质量、可商用的视频素材分享网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://thestocks.im/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="thestocks.im">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/thestocks.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>The
                                        Stocks</strong></a>
                                <p class="overflowClip_2">对各大图片网站进行整合，免费优质图片下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://bz.zzzmh.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="bz.zzzmh.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/zzzmh.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>极简壁纸</strong></a>
                                <p class="overflowClip_2">高质量精品壁纸网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://images.nasa.gov/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="images.nasa.gov">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/nasa.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>NASA Image
                                        and Video Library</strong></a>
                                <p class="overflowClip_2">美国国家航天局的官方库，从此太空类的素材再也不是问题</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://unsplash.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="unsplash.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/unsplash.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Unsplash</strong></a>
                                <p class="overflowClip_2">质量超高的免费图片素材库，无需注册，直接下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://wordart.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="wordart.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/wordart.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>WordArt</strong></a>
                                <p class="overflowClip_2">文字云工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="效率软件"></i>效率软件</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.bypass.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.bypass.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/bypass.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>分流抢票</strong></a>
                                <p class="overflowClip_2">全程自动抢票,自动抢候补,自动识别验证码,多线程秒单、稳定捡漏,支持多天、多车次、多席别、多乘客等功能</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://pandownload.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="pandownload.com/">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/pandownload.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PanDownload</strong></a>
                                <p class="overflowClip_2">百度网盘下载神器</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.getquicker.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.getquicker.net">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/quicker.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Quicker</strong></a>
                                <p class="overflowClip_2">为常用操作建立捷径，PC 快捷动作面板，让效率触手可及!</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.wofficebox.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.wofficebox.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/wofficebox.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>万彩办公大师</strong></a>
                                <p class="overflowClip_2">免费、轻松处理文档/音视频/图片的工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.cockos.com/licecap/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.cockos.com/licecap">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/LICEcap.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>LICEcap</strong></a>
                                <p class="overflowClip_2">简洁易用的动画屏幕录制软件，它可将屏幕录像的内容直接保存为高质量（每帧颜色数量可超过256）GIF动态图片格式</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.snipaste.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.snipaste.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/snipaste.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Snipaste</strong></a>
                                <p class="overflowClip_2">简单但强大的截图工具，支持截图 + 贴图</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.faststone.org/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.faststone.org">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/fscapture.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>FSCapture</strong></a>
                                <p class="overflowClip_2">一个强大的，轻量级的，功能齐全的屏幕捕获工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.voidtools.com/support/everything/","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.voidtools.com/support/everything">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/everything.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Everything</strong></a>
                                <p class="overflowClip_2">速度最快的的文件搜索工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://efotinis.neocities.org/deskpins/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="efotinis.neocities.org/deskpins">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/deskpins.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>DeskPins</strong></a>
                                <p class="overflowClip_2">顶置任意窗口</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/zhongyang219/TrafficMonitor","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="github.com/zhongyang219/TrafficMonitor">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/trafficmonitor.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>TrafficMonitor</strong></a>
                                <p class="overflowClip_2">一个用于显示当前网速、CPU及内存利用率的桌面悬浮窗软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/Molunerfinn/PicGo","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="github.com/Molunerfinn/PicGo">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/PicGo.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PicGo</strong></a>
                                <p class="overflowClip_2">由 electronic-vue 构建的简单而精美的图片上传工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://github.com/microsoft/PowerToys","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="github.com/microsoft/PowerToys">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/PowerToys.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>PowerToys</strong></a>
                                <p class="overflowClip_2">微软为 Windows 系统推出的一系列免费实用小工具合集</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.chuyu.me/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.chuyu.me">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/chuyu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Dism++</strong></a>
                                <p class="overflowClip_2">一款根据微软底层的架构结构设计的一个系统维护工具，全球第一款基于 CBS 的 Dism GUI 实现</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://colorpix.en.softonic.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="colorpix.en.softonic.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/colorpix.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ColorPix</strong></a>
                                <p class="overflowClip_2">屏幕取色小工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.ccleaner.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.ccleaner.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/ccleaner.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>CCleaner</strong></a>
                                <p class="overflowClip_2">一款免费的系统优化和隐私保护工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://blog.bahraniapps.com/gifcam/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="blog.bahraniapps.com/gifcam">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/gifcam.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>GifCam</strong></a>
                                <p class="overflowClip_2">集录制与剪辑为一体的屏幕 GIF 动画制作工具，录制后的动画可以逐帧编辑</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.ieway.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.ieway.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/ieway.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>EV录屏</strong></a>
                                <p class="overflowClip_2">一款免费并且不添加水印的录屏工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://fliqlo.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="fliqlo.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/fliqlo.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Fliqlo</strong></a>
                                <p class="overflowClip_2">一款极简主义的时钟屏保软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.stardock.com/products/fences/","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.stardock.com/products/fences">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/fences.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Fences</strong></a>
                                <p class="overflowClip_2">栅栏管理桌面，使桌面更加整洁有条理</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.q-dir.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.q-dir.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/q_dir.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Q-dir</strong></a>
                                <p class="overflowClip_2">多窗口文件整理工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.yingdev.com/projects/wgestures","_blank")'
                        data-toggle="tooltip" data-placement="bottom"
                        data-original-title="www.yingdev.com/projects/wgestures">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/wgestures.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>WGestures</strong></a>
                                <p class="overflowClip_2">鼠标手势工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.xmind.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.xmind.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/xmind.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>XMind</strong></a>
                                <p class="overflowClip_2">一个全功能的思维导图和头脑风暴软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.speedpan.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.speedpan.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/speedpan.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>速盘</strong></a>
                                <p class="overflowClip_2">免登录，自动查询提取码，极速的度盘下载工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://justgetflux.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="justgetflux.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/justgetflux.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>f.lux</strong></a>
                                <p class="overflowClip_2">国外开源的护眼软件，通过根据时间调节屏幕颜色，减少蓝光对视力的影响</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="云服务商"></i>云服务商</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.aliyun.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.aliyun.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/aliyun.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>阿里云</strong></a>
                                <p class="overflowClip_2">阿里云 - 为了无法计算的价值</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://cloud.tencent.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="cloud.tencent.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cloudtencent.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>腾讯云</strong></a>
                                <p class="overflowClip_2">腾讯云 - 产业智变 云启未来</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://cloud.baidu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="cloud.baidu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cloudbaidu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>百度云</strong></a>
                                <p class="overflowClip_2">百度云 - 计算无限可能</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.huaweicloud.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.huaweicloud.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/huaweicloud.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>华为云</strong></a>
                                <p class="overflowClip_2">华为云 - +智能，见未来</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.jdcloud.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.jdcloud.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/jdcloud.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>京东云</strong></a>
                                <p class="overflowClip_2">京东云 - 遇见无限可能</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.west.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.west.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/west.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>西部数码</strong></a>
                                <p class="overflowClip_2">西部数码 - 云服务器、虚拟主机、域名注册17年知名云计算服务提供商！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.zzidc.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.zzidc.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/zzidc.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>景安云</strong></a>
                                <p class="overflowClip_2">景安云 - 专业的数据中心服务商</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.qiniu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.qiniu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/qiniu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>七牛云</strong></a>
                                <p class="overflowClip_2">七牛云 - 国内领先的企业级云服务商</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.upyun.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.upyun.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/upyun.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>又拍云</strong></a>
                                <p class="overflowClip_2">又拍云 - 加速在线业务-CDN-云存储</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.cndns.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.cndns.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cndns.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>美橙互联</strong></a>
                                <p class="overflowClip_2">美橙互联 - 域名注册、企业建站、云服务器、企业网络推广整体解决方案服务商！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.ucloud.cn/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.ucloud.cn">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/ucloud.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>UCloud</strong></a>
                                <p class="overflowClip_2">UCloud - 中立 安全 可信赖的云计算服务商</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://aws.amazon.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="aws.amazon.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/awsamazon.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>AWS</strong></a>
                                <p class="overflowClip_2">AWS 云服务 - 专业的大数据和云计算服务以及云解决方案提供商</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://azure.microsoft.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="azure.microsoft.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/microsoft.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#" class="xe-user-name overflowClip_1"><strong>Microsoft
                                        Azure</strong></a>
                                <p class="overflowClip_2">Azure. Invent with purpose.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.godaddy.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.godaddy.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/godaddy.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>GoDaddy</strong></a>
                                <p class="overflowClip_2">GoDaddy - 提供域名注册和互联网主机服务的美国公司</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.cloudflare.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.cloudflare.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/cloudflare.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Cloudflare</strong></a>
                                <p class="overflowClip_2">Cloudflare - 网络性能和安全公司</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.jsdelivr.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.jsdelivr.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/jsdelivr.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>jsDelivr</strong></a>
                                <p class="overflowClip_2">jsDelivr - A free, fast, and reliable Open Source CDN for npm
                                    and GitHub</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="众包平台"></i>众包平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.yuanjisong.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.yuanjisong.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/yuanjisong.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>猿急送</strong></a>
                                <p class="overflowClip_2">专注于 IT 众包领域，职位内容大多集中于 UI 设计、产品设计、程序开发、产品运营等需求</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://zb.oschina.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="zb.oschina.net">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/zboschina.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>开源众包</strong></a>
                                <p class="overflowClip_2">开源中国旗下外包网站，项目大多是团队的整包项目，适合多人组团接单</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.waibaodashi.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.waibaodashi.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/waibaodashi.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>外包大师</strong></a>
                                <p class="overflowClip_2">PMCAFF旗下的一个众包开发平台，目前以技术开发为主，以众包开发和自有开发相结合形式运营</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.rrkf.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.rrkf.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/rrkf.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>人人开发</strong></a>
                                <p class="overflowClip_2">集可视化开发，应用市场，威客众包，PaaS云于一体的企业级应用服务平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.kuai.ma/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.kuai.ma">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/kuaima.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>快码</strong></a>
                                <p class="overflowClip_2">提供智能硬件、各种智能共享项目解决方案，为互联网创业者提供APP、小程序、公众号开发。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.52solution.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.52solution.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/52solution.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>我爱方案网</strong></a>
                                <p class="overflowClip_2">专注于硬件类外包，电子方案开发供应链众包平台，软件外包，方案，硬件开发方案，硬件设计开发</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.yingxuan.io/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.yingxuan.io">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/yingxuan.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>英选</strong></a>
                                <p class="overflowClip_2">提供可信赖的定制开发外包服务，包括企业品牌官网、电商系统及创新定制产品开发</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://zhichou.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="zhichou.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/zhichou.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>智筹</strong></a>
                                <p class="overflowClip_2">
                                    为企业&创业者提供互联网高级人才直租服务。按次直租，解决临时、突发问题；按月直租，建立长期兼职合作；按任务直租，解决有明确预算的外包任务</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.kaifabang.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.kaifabang.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/kaifabang.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>开发邦</strong></a>
                                <p class="overflowClip_2">互联网软件定制开发与软件外包开发服务，十年互联网软件定制开发经验</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://codemart.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="codemart.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/codemart.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>码市</strong></a>
                                <p class="overflowClip_2">Coding
                                    推出的互联网软件外包服务平台，意在连接需求方与广大开发者。让项目的需求方快速的找到合适的开发者，完成项目开发工作</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.freekeer.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.freekeer.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/freekeer.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>自由职客</strong></a>
                                <p class="overflowClip_2">自由职客是权威的IT互联网行业灵活用工交易平台，外包，众包，兼职，招聘，erp，sap</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.jfh.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.jfh.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/jfh.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>解放号</strong></a>
                                <p class="overflowClip_2">解放号众包平台提供软件开发外包、人力驻场服务等软件项目外包服务。解放号的软件项目交付全流程可视化监控与全生命周期管理能力
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.proginn.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.proginn.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/proginn.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>程序员客栈</strong></a>
                                <p class="overflowClip_2">领先的程序员自由工作平台，38万+优秀开发者，您的专属云端开发团队，BAT级别的开发者，标准化的服务和交付</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.mayigeek.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.mayigeek.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/mayigeek.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>码易</strong></a>
                                <p class="overflowClip_2">智网易联旗下IT软件服务平台，集软件商城、企业应用、电商软件、crm软件、商务服务平台于一体的一站式软件外包开发服务平台
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://eleduck.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="eleduck.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/eleduck.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>电鸭社区</strong></a>
                                <p class="overflowClip_2">电鸭社区旨在推动自由工作方式在国内渐进式发展，区别于传统方式的工作职位，倡导「只工作，不上班」的工作心态</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.sxsoft.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.sxsoft.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/sxsoft.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>Sxsoft</strong></a>
                                <p class="overflowClip_2">中国最早的外包服务平台，18年口碑服务，20万程序员、100+专业软件开发公司，专注解决各类软件开发需求</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://shixian.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="shixian.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/shixian.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>实现网</strong></a>
                                <p class="overflowClip_2">
                                    为企业提供BAT等名企背景的、靠谱的开发设计兼职人才和自由职业者，满足企业项目外包、驻场开发、远程兼职、技术咨询等短期人力需求</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.taskcity.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.taskcity.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/taskcity.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>智城外包网</strong></a>
                                <p class="overflowClip_2">零佣金开发资源平台，认证担保，全程无忧，专业的软件外包网和项目外包、项目开发、人力外派、短期招聘、人力资源交易平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right:7px" id="更多导航"></i>更多导航</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://chuangzaoshi.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="chuangzaoshi.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/chuangzaoshi.png"
                                    class="img-circle" width="40"></a><span class="label label-info"
                                data-toggle="tooltip" data-placement="left"
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>创造狮导航</strong></a>
                                <p class="overflowClip_2">
                                    创造狮，一个创意工作者的导航，专注分享正版优质设计、前端、产品、运营的书签导航，设计教程、设计规范、颜色搭配、灵感创意、前端框架、开发者工具、互联网新品推荐、运营数据分析、自媒体和工具利器好用的分类导航大全
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://hao.199it.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="hao.199it.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/199it.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>大数据导航</strong></a>
                                <p class="overflowClip_2">大数据导航，以大数据产业为主，大数据工具为辅，给用户提供一个更加快速找到大数据相关的工具平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://hao.uisdc.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="hao.uisdc.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/uisdc.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>优设导航</strong></a>
                                <p class="overflowClip_2">优设网站导航为设计师提供ps教程、UI设计、素材下载、高清图库、配色方案、用户体验、网页设计等全方位设计师网站导航指引
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("http://www.ziliao6.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.ziliao6.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/ziliao6.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>牛导航</strong></a>
                                <p class="overflowClip_2">实用工具导航</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.jubt.net/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.jubt.net">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/jubt.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>聚BT</strong></a>
                                <p class="overflowClip_2">聚BT - 聚合最优质的BT、磁力资源</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.gezhipu.com/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.gezhipu.com">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/gezhipu.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>ShareHub</strong></a>
                                <p class="overflowClip_2">ShareHub - 资源和工具的集合</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick='window.open("https://www.volf.club/","_blank")' data-toggle="tooltip"
                        data-placement="bottom" data-original-title="www.volf.club">
                        <div class="xe-comment-entry"><a class="xe-user-img"><img
                                    src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/images/logo/volf.png"
                                    class="img-circle" width="40"></a>
                            <div class="xe-comment"><a href="#"
                                    class="xe-user-name overflowClip_1"><strong>狼牌工作网址导航</strong></a>
                                <p class="overflowClip_2">工具，资源，方法，All IN ONE的办公工作网址导航</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><br>
            <footer class="main-footer sticky footer-type-1">
                <div class="footer-inner">
                    <div class="footer-text">COPYRIGHT<i class="far fa-copyright"></i> 2019 - 2020 <a
                            href="https://github.com/WebStackPage/WebStackPage.github.io"
                            target="_blank"><strong>WEBSTACK</strong></a> 丨 DESIGNED BY <a href="http://viggoz.com"
                            target="_blank"><strong>VIGGO</strong></a> 丨 CHANGED BY <a href="https://yangchaoyi.vip"
                            target="_blank"><strong>Chocolate</strong></a></div>
                    <div class="go-up"><a href="#" rel="go-top"><i class="fa-angle-up"></i></a></div>
                </div>
            </footer>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            return $(document).on("click", ".has-sub", function () {
                var e = $(this);
                $(this).hasClass("expanded") ? $(".has-sub ul").each(function (s, i) {
                    var t = $(this);
                    e.find("ul")[0] != i && setTimeout(function () {
                        t.attr("style", "")
                    }, 300)
                }) : setTimeout(function () {
                    e.find("ul").attr("style", "")
                }, 300)
            }), $(".user-info-menu .hidden-sm").click(function () {
                $(".sidebar-menu").hasClass("collapsed") ? $(".has-sub.expanded > ul").attr("style",
                    "") : $(".has-sub.expanded > ul").show()
            }), $("#main-menu li ul li").click(function () {
                $(this).siblings("li").removeClass("active"), $(this).addClass("active")
            }), $("a.smooth").click(function (s) {
                s.preventDefault(), public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass(
                    "mobile-is-visible"), ps_destroy(), $("html, body").animate({
                    scrollTop: $($(this).attr("href")).offset().top - 30
                }, {
                    duration: 500,
                    easing: "swing"
                })
            }), !1
        });
        var href = "",
            pos = 0;
        $("a.smooth").click(function (s) {
            $("#main-menu li").each(function () {
                    $(this).removeClass("active")
                }), $(this).parent("li").addClass("active"), s.preventDefault(), href = $(this).attr("href"),
                pos = $(href).position().top - 30
        })
    </script>
    <script src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/js/bootstrap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/js/TweenMax.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/js/resizeable.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/js/joinable.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/js/xenon-api.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/js/xenon-toggles.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/Yafine/cdn@3.2.1/source/box/js/xenon-custom.js"></script>
</body>

</html>